<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>简介</title>
    <script src="../../vendor/jquery.js"></script>
</head>
<body>
<div id="message">
<input id="username"/>
</div>

<div>

</div>
</body>
<script src="../../vendor/jquery.js"></script>
<script>

    /*1. 取值赋值*/
    //document.getElementById('message').innerText = "hello";
  /*   $('#message').text("hello");  /!*$(selector).action()*!/
     alert($('#message').text())*/

  /*  $('#message').html("<h1>hello</h1>");
    alert($('#message').html());*/

 /* $('#username').val("admin");
  alert( $('#username').val());*/

 //$('div').text("hello");

    /*2. 原生jsDOM对象和jQuery的相互转换*/

    $('#message').get(0).innerText = "jquery 转成 js-dom";

     var message= document.getElementById('message');
     $(message).text("js-dom 转成 jquery");
</script>
</html>